<template>
  <div class="Foot">
    <ul>
      <li>
        美帆网&nbsp;<strong>MY</strong>&nbsp;and&nbsp;<strong>LCL</strong>
      </li>
      <li>
        ©&nbsp;2019&nbsp;-&nbsp;2022&nbsp;&nbsp;<span
          class="iconfont"
          style="color: #f4ea2a"
          >&#xe719;</span
        >
        美帆网&nbsp;版本所有
      </li>
      <li>
        <a href="http://beian.miit.gov.cn/">
          <span class="iconfont" style="color: #f4ea2a">&#xe63c;</span>
          蜀ICP备2022002221号-1</a
        >
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'Foot',
  };
</script>

<style lang="less" scoped>
  .Foot {
    max-height: 90px !important;
    min-height: 90px !important;
    position: relative;
    // color: ;
    background-color: #fff;
    border-top: 1px solid #ccc;
    ul {
      position: absolute;
      top: 10px;
      left: 10%;
      li {
        height: 20px;
        font-size: 14px;
        color: #909399;
        // text-align: center;
        line-height: 20px;
        strong {
          &:hover {
            color: salmon;
          }
        }
      }
    }
  }
</style>
